/*-----------------------------------------------------------------------------------*/
/*	Start Global CSS
/*-----------------------------------------------------------------------------------*/

body{
	background:#ffffff;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	color:#444444;
	
}

img{
	border:0;
	outline:0;
}

.clear{
	clear:both;
}

h1, h2, h3, h4, h5, h6{
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size:30px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

h2{
	font-size:27px;
	font-weight:normal;
	color:#ACB3BA;
}

h3{
	font-size:24px;
	font-weight:normal;
	margin:0 0 8px 0;
}

h4{
	font-size:20px;
	font-weight:normal;
}

h5{
	font-size:16px;
	font-weight:bold;
}

h6{
	font-size:14px;
	font-weight:bold;
}

ul, ol{
	margin:0 0 20px 15px;
	padding:0px;
}

li{
	margin:0 0 5px 0;
}

.grid ul, .grid ol{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a{
	border-bottom: 1px solid #cdd0d2;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
}

a:hover{
	color: #CCCCCC;
	text-decoration: none;
}

pre, code{
	border:1px solid #dddddd;
	padding:5px 15px;
	font-size:11px;
	margin:20px 0 20px 0;
	display:block;
	font-family: Consolas,monospace !important;
}

pre p, code p{
	font-size:12px;
	color:#444444;
	padding:0px;
	margin:0px !important;
	font-family: Consolas,monospace !important;
	line-height:30px;
}

blockquote{
	padding:15px;
	border:1px solid #dddddd;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin:0 0 20px 0;
	font-size:18px;
	line-height:34px;
}

blockquote span{
	font-size:34px;
}

p{
	color:#777777;
	line-height:23px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

p strong{
	color:#454545;
}

p.justify{
	text-align:justify;
}

p em{
	color:#a5a5a5;
}

p.grid{
	padding:0px !important;
	margin-top:0px;
}

.grid p{
	margin-bottom:20px;
}

/*-----------------------------------------------------------------------------------*/
/*	Header CSS
/*-----------------------------------------------------------------------------------*/

#header{
	padding:5px 0 20px 0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	background:#900;
	-moz-box-shadow:0px -5px 15px #333 inset;              /* For Firefox3.6+ */
	-webkit-box-shadow:0px -5px 15px #333 inset;           /* For Chrome5+, Safari5+ */
	box-shadow:0px -5px 15px #333 inset;                   /* For Latest Opera */
}

.header-right{
	float:right;
	margin:22px 0 0 0;
}

#logo{
	border-bottom:none;
}

h1.page-header{
	cursor:default;
	border-top:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	padding:20px 0px 20px 33px;
	margin:40px 0 40px 0 !important;
	color:#ACB3BA;
	font-size:22px;
	font-style:italic;
}

h1.page-header.cloud{background:url(../images/cloud.png) no-repeat 0 center scroll;}
h1.page-header.features{background:url(../images/features.png) no-repeat 0 center scroll;}
h1.page-header.contact{background:url(../images/contact.png) no-repeat 0 center scroll;}
h1.page-header.error{background:url(../images/mask.png) no-repeat 0 center scroll;}

/*-----------------------------------------------------------------------------------*/
/*	Main Content
/*-----------------------------------------------------------------------------------*/

#main-container{
	min-height:600px;
	background:#FFC;
}

#main-content{
	width:960px;
	min-height:300px;
	margin:0px auto;
	background:url(../images/main.jpg) no-repeat;
	padding-left:108px;
	padding-top:290px;
}

.iosbutton{
	width:142px;
	height:160px;
	display:block;
	background:url(../images/ios.png);
	float: left;
	position:relative;
	border-bottom:0px;
}

.iosbutton:hover{
	background:url(../images/ios_hover.png);
}

.androidbutton{
	width:142px;
	height:160px;
	display:block;
	background:url(../images/android.png);
	float: left;
	position:relative;
	border-bottom:0px;
}
		
.androidbutton:hover{
	background:url(../images/android_hover.png);
}

.wpbutton{
	width:142px;
	height:160px;
	display:block;
	background:url(../images/WP.png);
	float: left;
	position:relative;
	border-bottom:0px;
}
		
.wpbutton:hover{
	background:url(../images/WP_hover.png);
}

/*-----------------------------------------------------------------------------------*/
/*	Bottom Content / Feature List
/*-----------------------------------------------------------------------------------*/

#bottom-content{
	background:url(../images/bottom-gradient.png) left top repeat-x;
}

.slide-break, .text-replace{
	color:#ACB3BA;
	padding:30px 0px 40px 0;
	margin:0px;
	text-align:center;
	text-transform:lowercase;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif !important;
	font-size:30px;
	font-weight:normal;
	line-height:40px;
}

.slide-break .wb-logo{
	background:url(../images/logo-light.png) no-repeat;
    display: inline-block;
    margin:-4px 2px 0 2px;
    overflow: hidden;
    position: relative;
    text-indent: -1000em;
    top: -1px;
    vertical-align: middle;
	height:33px;
	width:152px;
}

.text-replace{
	padding:0 0 20px 0 !important;
}

.text-replace .wb-lightbox{
	background:url(../images/lightbox.png) no-repeat;
    display: inline-block;
    margin:-1px -2px 0 8px;
    overflow: hidden;
    position: relative;
    text-indent: -1000em;
    top: -1px;
    vertical-align: middle;
	height:36px;
	width:115px;
}

.slide-break .wb-small, .text-replace .wb-small{
	font-size:15px;
	margin:0 8px 0 0;
}


#bottomintro{
	margin:0px auto;
	width:680px;
	font-size:15px;
	padding-bottom: 20px;
}

.btspan{
	text-align:center;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer CSS
/*-----------------------------------------------------------------------------------*/

#footer{
	min-height:70px;
	padding-left:20px;
	color:#FFF;
	line-height:24px;
	background:#900;
	border-top:1px solid #EDEDED;
	-moz-box-shadow:0px -5px 15px #333 inset;              /* For Firefox3.6+ */
	-webkit-box-shadow:0px -5px 15px #333 inset;           /* For Chrome5+, Safari5+ */
	box-shadow:0px 5px 15px #333 inset;                   /* For Latest Opera */
}

#footer-right{
	padding-right:20px;
	float:right;
	text-align:right;
	line-height:26px;
}

#footer .social{
	margin:0 0 0 14px;
}

/*-----------------------------------------------------------------------------------*/
/*	Social Icons
/*-----------------------------------------------------------------------------------*/

.social{
	padding:3px 0 3px 21px !important;
	line-height:16px !important;
	min-height:16px !important;
	border-bottom:none !important;
	font-size:11px !important;
	font-weight:bold !important;
	font-family:Arial, Helvetica, sans-serif !important;
}

.socialbox{margin:0 0 30px 0;}

.social.renren{background:url(../images/social-icons/renren.gif) left center no-repeat;}
.social.bbs{background:url(../images/social-icons/bbs.png) left center no-repeat;}

/*-----------------------------------------------------------------------------------*/
/*	Feature Icon Classes
/*-----------------------------------------------------------------------------------*/

.tchover-wrapper{
	position:relative;
	overflow:hidden;
	width:0px;
	height:0px;
	margin:0 0 15px 0;
}

.tchover-wrapper img{
	z-index:3;
	position:relative;
}

.tchover-wrapper span{
	display:block;
	z-index:1;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	float:left;
}

.tchover-pin-button{cursor:pointer;}
.tchover-wrapper.pin span{background:url(../images/pin-hover.png) repeat scroll center center transparent;}
.tchover-wrapper.like span{background:url(../images/like-hover.png) repeat scroll center center transparent;}
.tchover-wrapper.tweet span{background:url(../images/tweet-hover.png) repeat scroll center center transparent;}
